<form data-amplify-form (input)="onInput($event)" (submit)="onSubmit($event)">
  <fieldset
    class="amplify-flex amplify-authenticator__column"
    data-amplify-fieldset
    [disabled]="authenticator.isPending"
  >
    <amplify-slot name="confirm-verify-user-header" [context]="context">
      <h3 class="amplify-heading amplify-heading--3">{{ this.headerText }}</h3>
    </amplify-slot>
    <amplify-base-form-fields
      route="confirmVerifyUser"
    ></amplify-base-form-fields>
    <button
      amplify-button
      variation="primary"
      fullWidth="true"
      type="submit"
      [isDisabled]="authenticator.isPending"
    >
      {{ submitText }}
    </button>

    <button
      amplify-button
      size="small"
      variation="link"
      fontWeight="normal"
      fullWidth="true"
      (click)="authenticator.skipVerification()"
    >
      {{ skipText }}
    </button>
    <amplify-error *ngIf="authenticator.error">
      {{ authenticator.error }}
    </amplify-error>
  </fieldset>
  <amplify-slot name="confirm-verify-user-footer" [context]="context">
  </amplify-slot>
</form>
